<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/date_input.css">
	<link rel="stylesheet" type="text/css" href="../css/common.css">
	<script src="../js/jquery-1.12.3.js"></script>
	<script src="../js/jquery.date_input.pack.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
	<header>
		<a class="navbar-header" href="">
			<img src="../images/ph.png" alt="">
			<div>
				<span>Nifty</span>
			</div>
		</a>
	</header>
	<div class="boxed">
		<div class="menu-wrap">
			<ul>
				<li class="list-header">Navigation</li>
				<li class="active-link">
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
					</a>
				<li/>
				<li class="list-divider"></li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
						<i class="down-list"></i>
					</a>
					<ul class="op-list">
						<li>
							<a href="#">Dashboard</a>
						</li>
						<li>
							<a href="#">Dashboard</a>
						</li>
						<li>
							<a href="#">Dashboard</a>
						</li>
						<li>
							<a href="#">Dashboard</a>
						</li>
					</ul>
				</li>
				<li class="list-header">Components</li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="ph"></i>
						<span>Dashboard</span>
						<i class="down-list"></i>
					</a>
					<ul class="op-list">
						<li>
							<a href="#">Dashboard</a>
						</li>
						<li>
							<a href="#">Dashboard</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- 内容区域 -->
		<div class="content-container">
			<div class="mask">
				<div class="mask-box">
					<div class="mask-head">
						<h4>指标设置</h4>
						<span></span>
					</div>
					<div class="mask-con">
						<div class="mask-marc">
							<ul>
								<li>
									<span>姓名:</span>
									<em>前台-李二柱</em>
								</li>
								<li>
									<span>角色:</span>
									<em>服务顾问</em>
								</li>
								<li>
									<span>时间:</span>
									<em>默认</em>
								</li>
								<li>
									<span>记录内容:</span>
								</li>
								<li>
									<textarea class="inten-text"></textarea>
								</li>
							</ul>
						</div>
					</div>
					<div class="mask-confirm">确认</div>
				</div>
			</div>
			<div class="common-tit">
				<h2>评价信息</h2>
				<span>学员管理 > 学员列表 > 评价信息</span>
				<div class="cours-gbtn">
					<a id="adEva" href="javacript:;">添加评价</a>
				</div>
			</div>
			<div class="course-box">
				<h3>
					<span>评价信息</span>
				</h3>
				<div class="eva-sel clearfix">
					<div class="list-box">
						<div class="downbtn">
							<span>商品分类</span>
							<em></em>
						</div>
						<ul class="dropdown-menu">
							<li>测试测试</li>
							<li>我们</li>
							<li>测试测试测试</li>
							<li>asdfasdfsaf	</li>
						</ul>
					</div>
					<div class="list-box">
						<div class="downbtn">
							<span>商品分类</span>
							<em></em>
						</div>
						<ul class="dropdown-menu">
							<li>测试测试</li>
							<li>我们</li>
							<li>测试测试测试</li>
							<li>asdfasdfsaf	</li>
						</ul>
					</div>
				</div>
				<div class="eva-con">
					<div class="eva-ofbox">
						<div class="eva-list">
							<div>
								<span>时间:</span>
								<em>2016-08-17</em>
								<span>姓名:</span>
								<em>张幻想</em>
							</div>
							<div>
								<p>听说这是一段很长很长很长的回访记录，还听说这里暂时不知道要写些什么内容，还还听说这里可以写废话，写了这么多废话，怎么还没有写够一行呀呀，我就是想演示一下两
	行字数的效果，嗯，终于够了。。。</p>
							</div>
						</div>
						<div class="eva-list">
							<div>
								<span>时间:</span>
								<em>2016-08-17</em>
								<span>姓名:</span>
								<em>张幻想</em>
							</div>
							<div>
								<p>听说这是一段很长很长很长的回访记录，还听说这里暂时不知道要写些什么内容，还还听说这里可以写废话，写了这么多废话，怎么还没有写够一行呀呀，我就是想演示一下两
	行字数的效果，嗯，终于够了。。。</p>
							</div>
						</div>
						<div class="eva-list">
							<div>
								<span>时间:</span>
								<em>2016-08-17</em>
								<span>姓名:</span>
								<em>张幻想</em>
							</div>
							<div>
								<p>听说这是一段很长很长很长的回访记录，还听说这里暂时不知道要写些什么内容，还还听说这里可以写废话，写了这么多废话，怎么还没有写够一行呀呀，我就是想演示一下两
	行字数的效果，嗯，终于够了。。。</p>
							</div>
						</div>
						<div class="eva-list">
							<div>
								<span>时间:</span>
								<em>2016-08-17</em>
								<span>姓名:</span>
								<em>张幻想</em>
							</div>
							<div>
								<p>听说这是一段很长很长很长的回访记录，还听说这里暂时不知道要写些什么内容，还还听说这里可以写废话，写了这么多废话，怎么还没有写够一行呀呀，我就是想演示一下两
	行字数的效果，嗯，终于够了。。。</p>
							</div>
						</div>
						<div class="eva-list">
							<div>
								<span>时间:</span>
								<em>2016-08-17</em>
								<span>姓名:</span>
								<em>张幻想</em>
							</div>
							<div>
								<p>听说这是一段很长很长很长的回访记录，还听说这里暂时不知道要写些什么内容，还还听说这里可以写废话，写了这么多废话，怎么还没有写够一行呀呀，我就是想演示一下两
	行字数的效果，嗯，终于够了。。。</p>
							</div>
						</div>
						<div class="eva-list">
							<div>
								<span>时间:</span>
								<em>2016-08-17</em>
								<span>姓名:</span>
								<em>张幻想</em>
							</div>
							<div>
								<p>听说这是一段很长很长很长的回访记录，还听说这里暂时不知道要写些什么内容，还还听说这里可以写废话，写了这么多废话，怎么还没有写够一行呀呀，我就是想演示一下两
	行字数的效果，嗯，终于够了。。。</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="../js/common.js"></script>
	<script> 
		// 弹窗
		$("#adEva").on("click", function() {
			$(".mask").css({
				"display" : "block"
			});
			$(".mask-box").css({
				"margin-top" : -($(".mask-box").height() + parseInt($(".mask-box").css("padding-bottom")))/2
			})
		})
		$(".mask-head span").on("click", function() {
			$(this).parent().parent().find("input").val("");
			$(".mask").css({
				"display" : "none"
			})
		})
		$(".mask-confirm").on("click", function() {
			$(this).parent().parent().find("input").val("");
			$(".mask").css({
				"display" : "none"
			})
		})
	</script>
</body>
</html>